
<div class="init-width">
    <transition name="moves">
        <div v-show="addFlag" class="add-info operate-way">
            <h4 class="app-title"><span @click="hide"><i class="icon-left back"></i></span>Statistical</h4>
            <div class="ibeacon-content">
                <div class="ibeacon-header flex flex-ac flex-jcc" style="height: 130px;">
                    <div class="ibeacon-device flex flex-v flex-ac">
                        <div class="ibeacon-device-icon flex flex-ac flex-jcc">
                            <i class="icon-radar icon-blue"></i>
                        </div>
                        <!--<span>ibeaconInfo.name</span>-->
                        <!--<span>deviceInfo.mac</span>-->
                    </div>
                </div>
                <!--<div class="ibeacon-line">-->
                <!--<div >Rssi</div>-->
                <!--<div class="show-line"></div>-->
                <!--</div>-->
                <div @click="showInfo" class="ibeacon-middle">
                    <p class="flex flex-jcb"><span>{{$t('status')}}:&emsp;</span>{{getType()}}</p>
                    <p class="flex flex-jcb"><span>{{$t('notification')}}(%):&emsp;</span>{{getNotice()}}</p>
                    <p class="flex flex-jcb"><span>{{$t('filterEsp')}}:&emsp;</span>{{getFilter()}}</p>
                    <p class="flex flex-jcb"><span>{{$t('scanInterval')}}:&emsp;</span>{{getInterval()}}</p>
                    <p class="flex flex-jcb"><span>{{$t('scanTime')}}:&emsp;</span>{{getWindow()}}</p>
                </div>
                <div class="ibeacon-footer">
                    <p @click="showInfo"><span>{{$t('parameterConfig')}}</span>
                        <span><i class="icon-right font-lg"></i></span></p>
                    <p @click="showReports"><span>{{$t('statisticalReport')}}</span>
                        <span><i class="icon-right font-lg"></i></span></p>
                    <p @click="showDevice"><span>{{$t('nearbyDevice')}}</span>
                        <span><i class="icon-right font-lg"></i></span></p>
                </div>
            </div>
        </div>
    </transition>
    <v-scanInfo v-on:scanInfoShow="onBackScan" :rootMac="rootMac" :scanInfo="scanInfo"  ref="info"></v-scanInfo>
    <v-reports v-on:reportsInfoShow="onBackScan"  ref="reports"></v-reports>
    <v-scanContent v-on:scanContentShow="onBackScan" ref="content"></v-scanContent>
</div>
